<template>
 <div class="custmer"   >
    <!-- 头部标签 -->
 <header >
   <!-- 顶部 -->
   <van-nav-bar title="客户详情"  left-arrow   @click-left="onClickLeft">
  <template #right>
      
   <i><img src="../../assets/客户/首页按钮.png" alt=""  height="100%" ></i> 
  </template>
</van-nav-bar>
<!-- 头像 -->
 <van-row type="flex"  justify="center" >
  <van-col span="3"><div><img src="../../assets/客户关怀/头像男 拷贝 4.png" alt="" width="100%" > </div></van-col>
  <van-col span="16">&nbsp;&nbsp;</van-col>
  <van-col span="3"><van-icon name="arrow"  /></van-col>
</van-row>
  <div class="card">
    <div class="litle">
     <div class="pic">
      <img src="../../assets/个人中心/切图/头像男 拷贝 4.png" alt="">
      <p>{{data.remark}}</p>
    </div>
    </div>
    </div>
    </header>
   </div>

</template>

<script >
import {getCustmer} from '../../request/api'
export default {
data(){
  return{
  data:''
  }
},
created(){
  
  getCustmer(this.$route.params.id).then(res=>{
    console.log(res);
    this.data=res.data
  })
},
methods:{
   onClickLeft(){
      this.$router.push('/income')
    },
}
}
</script>

<style lang='less' >
html{
  background-color:#f5f5f5;
  
}
*{
    font-size: .14rem!important;
}
.custmer{
  header{
    background: #003399;
    height: 1.5rem;
    width: 100%;
    text-align: center;
     .van-nav-bar{background:#003399;
font-size: .2rem;
padding:3% 0 0;
i{
  height: .2rem;
  width: .2rem;
  img{
  width: 100%;
  height: 100%;
}
}
.van-nav-bar__title{
    color: white;
    font-size: .2rem;
}
.van-icon{
    font-size: .2rem;
    color: white;
}}
  .van-col--4,.van-col--12{
    text-align: right;
  }
   .card{
     width: 90%;
     position: absolute;
     top:20%;
     left: 5%;
     background: #ffffff;
     .van-col--10,.van-col--18{
       text-align: left;
     }
   }
   .content{
     margin: 5% 0;
     line-height: .45rem;
   }
   [class*=van-hairline]::after{
     border: none;
   }
}
}
.van-row{
  z-index: 55;
}
</style>